<!--  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  mobile.html: VLC media player web interface - VLM
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<  Copyright (C) 2005-2006 the VideoLAN team
<  $Id$
<
<  Authors: Brandon Brooks <bwbrooks -at- archmageinc -dot- com>
<
<  This program is free software; you can redistribute it and/or modify
<  it under the terms of the GNU General Public License as published by
<  the Free Software Foundation; either version 2 of the License, or
<  (at your option) any later version.
<
<  This program is distributed in the hope that it will be useful,
<  but WITHOUT ANY WARRANTY; without even the implied warranty of
<  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
<  GNU General Public License for more details.
<
<  You should have received a copy of the GNU General Public License
<  along with this program; if not, write to the Free Software
<  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111, USA.
< - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<html>
	<head>
		<title>VLC media player - Web Interface</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="initial-scale=1.0" />
		<meta name="viewport" content="width=device-width" />
		<meta name="apple-mobile-web-app-status-bar-style" content="default" />
		<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
		<script type="text/javascript" src="js/common.js"></script>
		<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
		<link type="text/css" href="css/mobile.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery.jstree.js"></script>
		<script type="text/javascript" src="http://releases.flowplayer.org/js/flowplayer-3.2.6.min.js"></script>
		<script type="text/javascript" src="js/ui.js"></script>
		<script type="text/javascript" src="js/controlers.js"></script>
		<script type="text/javascript">
			var pollStatus	=	true;
			$(function(){
				$('#buttonPrev').click(function(){
					sendCommand({'command':'pl_previous'});
					return false;
				});
				$('#buttonNext').click(function(){
					sendCommand({'command':'pl_next'});
					return false;
				});
				$('#buttonOpen').click(function(){
					window.location='mobile_browse.html';
				});
				$('#buttonEQ').click(function(){
					window.location='mobile_equalizer.html';
				});
				$('#buttonSout').click(function(){
					var file			=	  decodeURIComponent($('#buttonPlay').attr('mrl'));
					if(file){
						var defaultStream	=	'new Current broadcast enabled input "'+file+'" output #transcode{vcodec=FLV1,vb=4096,fps=25,scale=1,acodec=mp3,ab=512,samplerate=44100,channels=2}:std{access='+$('#stream_protocol').val()+',mux=avformat{{mux=flv}},dst=0.0.0.0:'+$('#stream_port').val()+'/'+$('#stream_file').val()+'}';
						sendVLMCmd('del Current;'+defaultStream+';control Current play','window.location="mobile_view.html"');
					}
					return false;
				});
			})
		</script>
	</head>
	<body>
	<div id="content" class="centered">
		<div id="art">
			<img id="albumArt" src="/art" />
		</div>
		<div style="width:100%"><div id="mediaTitle" class="dynamic centered"></div></div>
		<div id="play_controls">
			<div id="buttons">
				<div id="buttonPrev" class="button48  ui-corner-all" title="Previous"></div>
				<div id="buttonPlay" class="button48  ui-corner-all paused" title="Play"></div>
				<div id="buttonStop" class="button48  ui-corner-all" title="Stop"></div>
				<div id="buttonNext" class="button48  ui-corner-all" title="Next"></div>
			</div>
			<div id="seekSlider" title="Seek Time" style="font-size:15px;"></div>
			<div id="currentTime" class="dynamic">00:00:00</div>
			<div id="totalTime" class="dynamic">00:00:00</div>
		</div>
		<div id="controls">
			<div id="buttons">
				<div id="buttonOpen" class="button48  ui-corner-all" title="Open Media"></div>
				<div id="buttonFull" class="button48  ui-corner-all" title="Full Screen"></div>
				<div id="buttonEQ" class="button48 ui-corner-all" title="Equalizer"></div>
				<div id="buttonSout" class="button48  ui-corner-all" title="Easy Stream"></div>
			</div>
			<div id="volumeSlider" title="Volume" style="font-size:15px;">
				<img src="images/speaker-32.png" class="ui-slider-handle" alt="volume"/>
			</div>
		</div>
		<?vlc

	dialogs("stream_config_window.html");
	?>
	</div>
	</body>
</html>
